<template>
	<view class="container">
		<view class="data_item">
			<uni-section >
			    <uni-data-select v-model="value"
			        :clear="false"
			        :localdata="range"
			        class="data-section"
					@change="change"
			      ></uni-data-select>
			</uni-section>

			<!-- 设计中心任务进度 -->
			<view v-if="value ===10" class="uni-container" >
				<view class="cap-text1">业务中心任务进度</view>
				<uni-table border="false" class="table1" stripe="false">
					<uni-tr>
						<uni-th align="center" class="th-custom" width="40">排名</uni-th>
						<uni-th align="center" class="th-custom" width="50">部门</uni-th>
						<uni-th align="center" class="th-custom" width="50">产值</uni-th>
						<uni-th align="center" class="th-custom" width="50">业务进度</uni-th>
					</uni-tr>
					<!-- 表格数据行 -->
					<uni-tr>
						<uni-td align="center" class="td-custom">1</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市d</uni-td>
						<uni-td align="center" class="td-custom">北京市d</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">2</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市sss</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">3</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市dd</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">4</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市d</uni-td>
						<uni-td align="center" class="td-custom">北京市dd</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">5</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">6</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">7</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					
					
					
					
					<!-- <uni-tr>
						<uni-th width="50" align="center">排名</uni-th>
						<uni-th width="50" align="center">部门</uni-th>
						<uni-th width="50" align="center">产值</uni-th>
						<uni-th width="50" align="center">业务进度</uni-th>
					</uni-tr>

					<uni-tr v-for="(item, index) in tableData" :key="index">
						<uni-td>{{ item.date }}</uni-td>
						<uni-td>
							<view class="name">{{ item.name }}</view>
						</uni-td>
						<uni-td align="center">{{ item.address }}</uni-td>
					</uni-tr> -->
				</uni-table>
				
				

				<view class="cap-text2">业务中心任务进度</view>
				<uni-table :border="true" class="table2" stripe="true">
					<uni-tr >
						<uni-th align="center" class="th-custom" width="40">排名</uni-th>
						<uni-th align="center" class="th-custom" width="50">部门</uni-th>
						<uni-th align="center" class="th-custom" width="50">订单</uni-th>
						<uni-th align="center" class="th-custom" width="50">业务进度</uni-th>
					</uni-tr>
					<!-- 表格数据行 -->
					<uni-tr>
						<uni-td align="center" class="td-custom">1</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市d</uni-td>
						<uni-td align="center" class="td-custom">北京市dd</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">1</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市ddd</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">1</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
						<uni-td align="center" class="td-custom">北京市ddddd</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">1</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">1</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">1</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">1</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					
					
					
					
					
					<!-- <uni-tr v-for="(item, index) in tableData" :key="index">
						<uni-td>{{ item.date }}</uni-td>
						<uni-td>
							<view class="name">{{ item.name }}</view>
						</uni-td>
						<uni-td align="center">{{ item.address }}</uni-td>
					</uni-tr> -->
				</uni-table>
			</view>
			<!-- 设计部门合并产值 -->
			<view v-else-if="value === 20" class="uni-container">
				<view class="cap-text1">设计部门合并产值</view>
				<uni-table border="false" class="table1" stripe="false">
					<uni-tr>
						<uni-th align="center" class="th-custom" width="40">排名</uni-th>
						<uni-th align="center" class="th-custom" width="50">部门</uni-th>
						<uni-th align="center" class="th-custom" width="50">目标产值</uni-th>
						<uni-th align="center" class="th-custom" width="50">实际产值</uni-th>
					</uni-tr>
					<!-- 表格数据行 -->
					<uni-tr>
						<uni-td align="center" class="td-custom">1</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市ddd</uni-td>
						<uni-td align="center" class="td-custom">北京市ddd</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">2</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市sss</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">3</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">4</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">5</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">6</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">7</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					
					
					
					
					<!-- <uni-tr>
						<uni-th width="50" align="center">排名</uni-th>
						<uni-th width="50" align="center">部门</uni-th>
						<uni-th width="50" align="center">产值</uni-th>
						<uni-th width="50" align="center">业务进度</uni-th>
					</uni-tr>
				
					<uni-tr v-for="(item, index) in tableData" :key="index">
						<uni-td>{{ item.date }}</uni-td>
						<uni-td>
							<view class="name">{{ item.name }}</view>
						</uni-td>
						<uni-td align="center">{{ item.address }}</uni-td>
					</uni-tr> -->
				</uni-table>
			</view>
			<!-- 业务部门订单统计 -->
			<view v-if="value ===30" class="uni-container">
				<view class="cap-text1">业务部门订单统计</view>
				<uni-table border="false" class="table1" stripe="false">
					<uni-tr>
						<uni-th align="center" class="th-custom" width="40">排名</uni-th>
						<uni-th align="center" class="th-custom" width="50">部门</uni-th>
						<uni-th align="center" class="th-custom" width="50">目标订单</uni-th>
						<uni-th align="center" class="th-custom" width="50">实际订单</uni-th>
					</uni-tr>
					<!-- 表格数据行 -->
					<uni-tr>
						<uni-td align="center" class="td-custom">1</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市ddd</uni-td>
						<uni-td align="center" class="td-custom">北京市ddd</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">2</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市sss</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">3</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">4</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">5</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">6</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">7</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					
					
					
					
					<!-- <uni-tr>
						<uni-th width="50" align="center">排名</uni-th>
						<uni-th width="50" align="center">部门</uni-th>
						<uni-th width="50" align="center">产值</uni-th>
						<uni-th width="50" align="center">业务进度</uni-th>
					</uni-tr>
				
					<uni-tr v-for="(item, index) in tableData" :key="index">
						<uni-td>{{ item.date }}</uni-td>
						<uni-td>
							<view class="name">{{ item.name }}</view>
						</uni-td>
						<uni-td align="center">{{ item.address }}</uni-td>
					</uni-tr> -->
				</uni-table>
			</view>
			<!-- 设计师个人合并产值 -->
			<view v-if="value ===40" class="uni-container">
				<view class="cap-text1">设计师个人合并产值</view>
				<uni-table border="false" class="table1" stripe="false">
					<uni-tr>
						<uni-th align="center" class="th-custom" width="40">排名</uni-th>
						<uni-th align="center" class="th-custom" width="50">设计师</uni-th>
						<uni-th align="center" class="th-custom" width="50">目标产值</uni-th>
						<uni-th align="center" class="th-custom" width="50">实际产值</uni-th>
					</uni-tr>
					<!-- 表格数据行 -->
					<uni-tr>
						<uni-td align="center" class="td-custom">1</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市ddd</uni-td>
						<uni-td align="center" class="td-custom">北京市ddd</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">2</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市sss</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">3</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">4</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">5</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">6</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">7</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					
					
					
					
					<!-- <uni-tr>
						<uni-th width="50" align="center">排名</uni-th>
						<uni-th width="50" align="center">部门</uni-th>
						<uni-th width="50" align="center">产值</uni-th>
						<uni-th width="50" align="center">业务进度</uni-th>
					</uni-tr>
				
					<uni-tr v-for="(item, index) in tableData" :key="index">
						<uni-td>{{ item.date }}</uni-td>
						<uni-td>
							<view class="name">{{ item.name }}</view>
						</uni-td>
						<uni-td align="center">{{ item.address }}</uni-td>
					</uni-tr> -->
				</uni-table>
			</view>
			<!-- 客户经理订单 -->
			<view v-if="value ===50" class="uni-container">
				<view class="cap-text1">客户经理订单</view>
				<uni-table border="false" class="table1" stripe="false">
					<uni-tr>
						<uni-th align="center" class="th-custom" width="40">排名</uni-th>
						<uni-th align="center" class="th-custom" width="50">部门</uni-th>
						<uni-th align="center" class="th-custom" width="50">目标订单</uni-th>
						<uni-th align="center" class="th-custom" width="50">实际订单</uni-th>
					</uni-tr>
					<!-- 表格数据行 -->
					<uni-tr>
						<uni-td align="center" class="td-custom">1</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市ddd</uni-td>
						<uni-td align="center" class="td-custom">北京市ddd</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">2</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市sss</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">3</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">4</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">5</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">6</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">7</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					
					
					
					
					<!-- <uni-tr>
						<uni-th width="50" align="center">排名</uni-th>
						<uni-th width="50" align="center">部门</uni-th>
						<uni-th width="50" align="center">产值</uni-th>
						<uni-th width="50" align="center">业务进度</uni-th>
					</uni-tr>
				
					<uni-tr v-for="(item, index) in tableData" :key="index">
						<uni-td>{{ item.date }}</uni-td>
						<uni-td>
							<view class="name">{{ item.name }}</view>
						</uni-td>
						<uni-td align="center">{{ item.address }}</uni-td>
					</uni-tr> -->
				</uni-table>
			</view>
			<!-- 客户渠道统计 -->
			<view v-if="value ===60" class="uni-container">
				<view class="cap-text1">客户渠道统计</view>
				<uni-table border="false" class="table1" stripe="false">
					<uni-tr>
						<uni-th align="center" class="th-custom" width="40">排名</uni-th>
						<uni-th align="center" class="th-custom" width="50">渠道名称</uni-th>
						<uni-th align="center" class="th-custom" width="50">实际产值</uni-th>
						<uni-th align="center" class="th-custom" width="50">实际订单</uni-th>
					</uni-tr>
					<!-- 表格数据行 -->
					<uni-tr>
						<uni-td align="center" class="td-custom">1</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市ddd</uni-td>
						<uni-td align="center" class="td-custom">北京市ddd</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">2</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京ds市ss</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">3</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">4</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">5</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市dd</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">6</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">7</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>

					<!-- <uni-tr>
						<uni-th width="50" align="center">排名</uni-th>
						<uni-th width="50" align="center">部门</uni-th>
						<uni-th width="50" align="center">产值</uni-th>
						<uni-th width="50" align="center">业务进度</uni-th>
					</uni-tr>
				
					<uni-tr v-for="(item, index) in tableData" :key="index">
						<uni-td>{{ item.date }}</uni-td>
						<uni-td>
							<view class="name">{{ item.name }}</view>
						</uni-td>
						<uni-td align="center">{{ item.address }}</uni-td>
					</uni-tr> -->
				</uni-table>
			</view>
			<!-- 客户区域分布 -->
			<!-- 地图 -->
			<view></view>
			<view v-if="value ===70" class="uni-container">
				<view class="cap-text3">客户区域分布</view>
				<uni-table :border="true" class="table3" stripe="true">
					<uni-tr >
						<uni-th align="center" class="th-custom" width="40">类目</uni-th>
						<uni-th align="center" class="th-custom" width="50">小区名称</uni-th>
						<uni-th align="center" class="th-custom" width="50">数量</uni-th>
						<uni-th align="center" class="th-custom" width="50">订单率</uni-th>
					</uni-tr>
					<!-- 表格数据行 -->
					<uni-tr>
						<uni-td align="center" class="td-custom">1</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市ddddd</uni-td>
						<uni-td align="center" class="td-custom">北京市dd</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">1</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市dd</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">1</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
						<uni-td align="center" class="td-custom">北京市ddddd</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">1</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市d</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">1</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">1</uni-td>
						<uni-td align="center" class="td-custom">Jeson</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					<uni-tr>
						<uni-td align="center" class="td-custom">1</uni-td>
						<uni-td align="center" class="td-custom">Jesos</uni-td>
						<uni-td align="center" class="td-custom">北京市d</uni-td>
						<uni-td align="center" class="td-custom">北京市</uni-td>
					</uni-tr>
					<!-- <uni-tr v-for="(item, index) in tableData" :key="index">
						<uni-td>{{ item.date }}</uni-td>
						<uni-td>
							<view class="name">{{ item.name }}</view>
						</uni-td>
						<uni-td align="center">{{ item.address }}</uni-td>
					</uni-tr> -->
				</uni-table>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
	    data() {
	      return {
	        value: 10,
	        range: [
	          { value: 10, text: "设计中心任务进度" },
	          { value: 20, text: "设计部门合并产值" },
	          { value: 30, text: "业务部门订单统计" },
	          { value: 40, text: "设计师个人合并产值" },
	          { value: 50, text: "客户经理订单统计" },
	          { value: 60, text: "客户渠道统计" },
	          { value: 70, text: "客户区域分布" },
	        ],
	      };
	    },
	    methods: {
	      change(e) {
            this.value = e.range.value; 
			}
	    },
	  };
</script>

<style>
	page{
		background-color: rgba(255, 255, 255, 1);
	}
	.container{
		padding: 0 50rpx;
		
	}
	.data_item{
		position: relative;
		top: 20rpx;
		width: 100%;
		height: 64rpx;
	}
	
	.uni-section {
		position: relative;
		bottom: 50rpx;
		width: 40%;
		font-size: 1px;
		font-family: 'MicrosoftYaHei', '微软雅黑';

	}
	.data-section >>> .uni-select {
		border: none;
		font-size: 10px;
	}
	.data-section >>> .uni-select__selector-item{
		font-size: 10px;
	}

	.data_item>.uni-container{
		position: relative;

	}
	.uni-container>.table1{
		position: absolute;
		border-width: 0px;
		top: 40rpx;
		width: 100%;
		height: 250rpx;
		font-family: 'Arial Normal', 'Arial';
		font-size: 6px;
		display: flex;

	}
	
	.uni-container>.table2{
		position: absolute;
		border-width: 0px;
		top: 185px;
		height: 420rpx;
		font-family: 'Arial Normal', 'Arial';
		font-size: 6px;
		display: flex;
	}
	.uni-container>.table3{
		position: absolute;
		border-width: 0px;
		top: 235px;
		height: 400rpx;
		font-family: 'Arial Normal', 'Arial';
		font-size: 6px;
		display: flex;
	}
	.th-custom {
		font-family: 'Arial Normal', 'Arial';
	    line-height: 14rpx ;
		font-size: 6px;
		background-color: aliceblue;
		color: #333333;
		flex-wrap: wrap;
	}
	.td-custom {
		font-family: 'Arial Normal', 'Arial';
		line-height: 20rpx;
		font-size: 5px;
		color: #333333;
		flex-wrap: wrap;
	}
	.cap-text1 {
		position: absolute;
		top: -10px;
		left: 215rpx;
		font-family: 'PingFangSC-Regular', 'PingFang SC';
		font-weight: 400;
		font-size: 13px;

	}
	.cap-text2 {
		position: absolute;
		top: 155px;
		left: 215rpx;
		font-family: 'PingFangSC-Regular', 'PingFang SC';
		font-weight: 400;
		font-size: 13px;
	}
	
	.cap-text3 {
		position: absolute;
		left: 260rpx;
		top: 200px;
		font-family: 'PingFangSC-Regular', 'PingFang SC';
		font-weight: 400;
		font-size: 13px;
	}
	

</style>
